html, body {
	background: #eee;
	font: normal 13px/1.5em Arial, Helvetica, sans-serif;
}

* {
	margin: 0;
	padding: 0;
}

h2 {
	margin-bottom: .5em;
}

small {
	font-size: 9px;
	line-height: 1.4em;
	font-weight: bold;
	text-transform: uppercase;
}

.block {
	width: 500px;
	margin: 50px auto; /*上下外边距50像素 左右auto的作用是使得div水平居中*/
	text-align:left;
	
}

.post {
	padding: 15px 0 15px 15px;
	margin-bottom: 2px;
}

.cat_1 { border-left: 10px solid #cb005b; }
.cat_1 small { color: #cb005b; }
.cat_2 { border-left: 10px solid #0064cb; }
.cat_2 small{ color: #0064cb; }
.cat_3 { border-left: 10px solid #cb7700; }
.cat_3 small{ color: #cb7700; }

.cat_1 { border-left: 10px solid #87C63A; }
.cat_1 small { color: #87C63A; }
.cat_2 { border-left: 10px solid #2592CD; }
.cat_2 small{ color: #2592CD; }
.cat_3 { border-left: 10px solid #C62767; }
.cat_3 small{ color: #C62767; }
.cat_4 { border-left: 10px solid #FD6FA7; }
.cat_4 small{ color: #FD6FA7; }
.cat_5 { border-left: 10px solid #BD4E43; }
.cat_5 small{ color: #BD4E43; }

#87C63A
#2592CD
#C62767
#FD6FA7
#BD4E43